<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小U课堂</title>
  <link rel="shortcut icon" href=" ./favicon.ico" />
  <link rel="stylesheet" href="./font/iconfont.css">
  <link rel="stylesheet" href="./css/public.css">
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <!-- 头部 -->
  <div class="head">
    <div class="main clearfix">
      <div class="head_left fl">
        <img src="./images/logo.png" alt="LOGO">
      </div>
      <div class="head_center fl">
        <ul class="clearfix">
          <li class="actives"><a href="./index.html">首页</a></li>
          <li><a href="./html/syncCourse.html">同步课程</a></li>
          <li><a href="./html/play.html">在线练习</a></li>
          <li><a href="#">精品课程</a></li>
        </ul>
      </div>
      <div class="head_right fr">
        <div class="head_right_fl clearfix">
          <div class="head_right_course fl">
            <select name="" id="">
              <option value="">html</option>
              <option value="">css</option>
              <option value="">js</option>
            </select>
            <i class="icon icon-sanjiaoxing"></i>
            <!-- <div class="course_list">课程列表</div> -->
          </div>
          <div class="input fl">
            <input type="text" placeholder="搜索感兴趣的内容">
            <i class="icon icon-fangdajing"></i>
          </div>
        </div>
        <div class="head_right_fr clearfix">
          <div class="head_right_fr_login fl">登录 <span style="color: #333;">/</span></div>
          <div class="head_right_fr_register fl">&nbsp;注册</div>
        </div>
        <div class="user display">
          <img src="https://img1.baidu.com/it/u=2716398045,2043787292&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=800" alt="">
          <div class="user_menu">
            <p>我的课程</p>
            <p>我的收藏</p>
            <p>退出登录</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 头部 end -->

  <!-- 轮播图 -->
  <div class="carousel">
    <div class="main">
      <div class="carousel_list">
        <div class="imgList">
          <ul class="clearfix">
            <!-- <li>
              <a href="#"><img src="./images/2_03.png" alt=""></a>
            </li>
            <li>
              <a href="#"><img src="./images/2_03.png" alt=""></a>
            </li> -->
          </ul>
        </div>
        <div class="last"></div>
        <div class="next"></div>
        <div class="dot">
          <ul class="clearfix">
            <!-- <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li> -->
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- 轮播图end -->

  <!-- 同步课程 -->
  <div class="sync_course">
    <div class="main">
      <div class="course_top clearfix">
        <div class="course_top_fl fl">
          同步课程
          <i></i>
        </div>
        <div class="course_top_fr fr">
          <a href="#">更多课程
            <i class="icon icon-jiantou1"></i>
          </a>
        </div>
      </div>
      <div class="sync_course_list">
        <ul class="clearfix">
          <!-- <li>
            <div class="sync_course_img">
              <img src="./images/1_10.png" alt="">
              <div class="subscript">人教版</div>
              <div class="study">1100人在学习</div>
            </div>
            <div class="sync_course_bottom clearfix">
              <div class="sync_course_bottom_fl fl">
                <p>行政管理专业班</p>
                <span>23课时</span>
              </div>
              <div class="sync_course_bottom_fr fr">免费学习</div>
            </div>
          </li> -->
        </ul>
      </div>
    </div>
  </div>
  <!-- 同步课程end -->

  <!-- 广告图 -->
  <div class="poster">
    <div class="main">
      <img src="./images/poster.png" alt="">
    </div>
  </div>
  <!-- 广告图end -->

  <!-- 在线测试 -->
  <div class="test">
    <div class="main">
      <div class="course_top clearfix">
        <div class="course_top_fl fl">
          在线测试
          <i></i>
        </div>
        <div class="course_top_fr fr">
          <a href="#">更多练习
            <i class="icon icon-jiantou1"></i>
          </a>
        </div>
      </div>
      <div class="test_list">
        <ul class="clearfix">
          <!-- <li>
            <div class="test_img">
              <img src="./images/test.png" alt="">
              <div class="subscript">人教版</div>
              <div class="study">100人已经考试<span class="grade fr">初一</span></div>
            </div>
            <div class="test_bottom clearfix">
              <div class="test_bottom_fl fl">
                <p>2020年6月北京中考试2028题</p>
                <span>23课时</span>
              </div>
              <div class="test_bottom_fr fr">去考试</div>
            </div>
          </li> -->
        </ul>
      </div>
    </div>
  </div>
  <!-- 在线测试end -->

  <!-- 精品课程 -->
  <div class="goods_course">
    <div class="main clearfix">
      <div class="course_top clearfix">
        <div class="course_top_fl fl">
          精品课程
          <i></i>
        </div>
        <div class="course_top_fr fr">
          <a href="#">更多课程
            <i class="icon icon-jiantou1"></i>
          </a>
        </div>
      </div>
      <div class="goods_fl fl">
        <ul class="clearfix">
          <!-- <li>
            <div class="goods_course_img">
              <img src="./images/1_10.png" alt="">
              <div class="subscript">人教版</div>
              <div class="study">1100人在学习</div>
            </div>
            <div class="goods_course_bottom clearfix">
              <div class="goods_course_bottom_fl fl">
                <p>行政管理专业班</p>
                <span>23课时</span>
              </div>
              <div class="goods_course_bottom_fr fr">免费学习</div>
            </div>
          </li> -->
          
        </ul>
      </div>
      <div class="goods_fr fr">
        <img src="./images/1_17.png" alt="">
      </div>
    </div>
  </div>
  <!-- 精品课程end -->

  <!-- 导航 -->
  <div class="nav">
    <div class="main">
      <ul class="clearfix">
        <li>
          <a href="#">
            <img src="./images/1_19.png" alt="">
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/1_21.png" alt="">
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/1_23.png" alt="">
          </a>
        </li>
      </ul>
    </div>
  </div>
  <!-- 导航end -->

  <!-- 尾部 -->
  <div class="foot">
    <div class="main">
      <div class="friendship">
        <ul class="clearfix">
          <li><a href="#">首页</a></li>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">加入我们</a></li>
          <li><a href="#">合作专区</a></li>
          <li><a href="#">联系我们</a></li>
          <li><a href="#">AI开放平台</a></li>
          <li><a href="#">意见反馈</a></li>
          <li><a href="#">漏洞提交</a></li>
          <li><a href="#">隐私政策</a></li>
          <li><a href="#">版权声明</a></li>
          <li><a href="#">反盗链声明</a></li>
          <li><a href="#">网上有害信息举报</a></li>
          <li><a href="#">备案公示</a></li>
          <li><a href="#">营业执照</a></li>
          <li><a href="#">教师资格证公示</a></li>
        </ul>
      </div>
      <p>京ICP备 13030888号 Copyright © 2014-2019 行者信息科技（北京）有限公司 | 地址：北京市新华区马当路388号C座 | 电话：010-66666666 | 京公网安备 01010102002533号</p>
      <p>京网文〔2018〕4086-308号 | 网络文化经营许可证：沪网文󞪒]4086-308号 | 增值电信业务经营许可证：京B2-20150021 | 食品经营许可证：JY13101140088888</p>
      <p>医疗器械经营许可证：京嘉食药监械经营许20188008号 | 互联网药品信息服务资格证书：(京)-经营性-2018-0011 |</p>
    </div>
  </div>
  <!-- 尾部end -->

  <!-- 右侧固定菜单 -->
  <div class="fixed">
    <ul>
      <li><a href="javascript:void(0)"><i></i>我的考试</a></li>
      <li><a href="javascript:void(0)"><i></i>我的课程</a></li>
      <li><a href="javascript:window.scrollTo({left: 0, top: 0,behavior: 'smooth' })"><i class="icon icon-shouqijiantouxiao"></i>返回顶部</a></li>
    </ul>
  </div>
  <!-- 右侧固定菜单end -->

  <!-- 登录/注册 -->
  <div class="logon_register display">
    <div class="main">
      <!-- 登录 -->
      <div class="logon display">
        <!-- 右上角关闭按钮 -->
        <i class="close icon icon-guanbi"></i>
        <div class="img">
          <img src="./images/logo.png" alt="">
        </div>
        <!-- <div class="other clearfix">
          <i class="fl"></i>
          <i class="fr"></i>
          <span class="fl">使用第三方软件登陆</span>
          <div class="other_list clearfix">
            <a href=""><i class="icon icon-weixin"></i></a>
            <a href=""><i class="icon icon-QQ-circle-fill"></i></a>
            <a href=""><i class="icon icon-weibo"></i></a>
          </div>
        </div> -->
        <div class="phone clearfix">
          <i class="fl"></i>
          <i class="fr"></i>
          <span class="fl">使用手机号登陆</span>
          <div class="form">
            <input type="text" placeholder="请输入您的手机号">
            <em></em>
            <input type="password" placeholder="请输入密码">
            <em></em>
            <input type="button" value="登录" class="btn">
            <div class="forget clearfix">
              <div class="forget_fl fl">
                <a href="javascript:void(0)">忘记密码？</a>
              </div>
              <div class="forget_fr fr">
                <span>还没有账号?</span>
                <a href="javascript:void(0)">点击注册</a>
              </div>
            </div>
          </div>
        </div>
        <div class="other clearfix">
          <i class="fl"></i>
          <i class="fr"></i>
          <span class="fl">使用第三方软件登陆</span>
          <div class="other_list clearfix">
            <a href=""><i class="icon icon-weixin"></i></a>
            <a href=""><i class="icon icon-QQ-circle-fill"></i></a>
            <a href=""><i class="icon icon-weibo"></i></a>
          </div>
        </div>
      </div>
      <!-- 注册 -->
      <div class="register">
        <!-- 右上角关闭按钮 -->
        <i class="close icon icon-guanbi"></i>
        <div class="img">
          <img src="./images/logo.png" alt="">
        </div>
        <div class="phone clearfix">
          <i class="fl"></i>
          <i class="fr"></i>
          <span class="fl">使用手机号登陆</span>
          <div class="form">
            <input type="text" placeholder="请输入您的手机号">
            <em></em>
            <input type="password" placeholder="请输入密码">
            <em></em>
            <input type="password" placeholder="请再次输入密码">
            <em></em>
            <div class="verification clearfix">
              <input type="text" placeholder="请输入验证码">
              <span>3345</span>
            </div>
            <em></em>
            <input type="button" value="注册" class="btn">
            <div class="forget clearfix">
              <div class="forget_fl fl">
                <input type="checkbox">
                <a href="javascript:void(0)">我同意《用户使用协议》</a>
              </div>
              <div class="forget_fr fr">
                <span>已有账号</span>
                <a href="javascript:void(0)">去登陆</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 登陆/注册end -->
  <script src="./js/data/data.js"></script>
  <script src="./js/public.js"></script>
  <script src="./js/index.js"></script>
  <script src="./js/utils.js"></script>

</body>

</html>